.header {
  width: 200px;
  height: 200px;
  background-color: pink;

  // 1. 子元素的样式可以直接写到父元素内
  a {
    color: red;

    // 2. 伪元素、伪类、交集选择器、选择需要加上&符号
    // &:nth-child(1),
    &:hover {
      color: blue;
    }
  }
}


.nav {
  .logo {
    color: green;
  }

  &::before {
    content: "我是before";
    color: red;
  }
}